// 全局变量
@import './variables.scss';
a{
  text-decoration: none;
  color:#333;
}
*{
  outline: none;
}

.avue-sidebar,
.avue-top,
.avue-logo,
.avue-layout
.login-logo,
.avue-main {
    transition: all .3s;
}
.avue-layout{
  display: flex;
  height: 100%;
  overflow: hidden;
  &--horizontal{
    flex-direction: column;
    .avue-sidebar {
      width: 100%;
      height: $top_height;
      display: flex;
      .avue-menu,.el-menu-item,.el-submenu__title{
        height: $top_height;
        line-height: $top_height;
      }
      .is-active:before{
        display: none;
      }
    }
    .avue-logo{
      width:$sidebar_width
    }
  }
}
.avue-contail {
    width: 100%;
    height: 100%;
    background: #f0f2f5;
    background-size: 100%;
    background-repeat: no-repeat;
}

.avue--collapse {
    .avue-sidebar,
    .avue-logo {
        width: $sidebar_collapse;
    }
}

.avue-main {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    flex:1;
    box-sizing: border-box;
    overflow: hidden;
    background: #f0f2f5;
}
#avue-view{
  flex:auto;
  overflow-y:auto;
  overflow-x:hidden;
  margin-bottom: 10px;
}
.avue-view {
    width: 100%;
    box-sizing: border-box;
}

.avue-footer {
  width: 100%;
  position: absolute;
  bottom:0;
  text-align: center;
  .copyright {
    color: #666;
    font-size: 12px;
  }
}
.mac_bg {
  background-image: url("https://images6.alphacoders.com/754/754831.jpg");
  background-color: #000;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.query-form-option-buts{
  text-align: right;
}
.data-table-option-buts{
  padding-bottom: 10px;
}
.el-form{
  .form-input{
    width: 180px;
  }
}
.pagination-box{
  text-align: center;
  margin-top: 10px;
}
.dialog-footer{
  text-align: center;
}
//  table cell中 聊天记录
.chat-content{
  cursor: pointer;
  //color: #4395ff;
}
// table cell中显示头像和userId和qq昵称
.face-and-id{
  display: flex;
  align-items: center;
  img{
    margin-right: 5px;
    width: 40px;
    border-radius: 50%
  }
  .el-row{
    text-align: left;
    &:first-child {
      border-bottom: 1px solid #d5dce8;
    }
  }
}
.group-cell{
  width: fit-content;
  .el-row{
    text-align: left;
    &:first-child {
      border-bottom: 1px solid #d5dce8;
    }
  }
}
.info-text-btn{
  span{
    color: #909399;
  }
}
.danger-text-btn{
  span{
    color: #F56C6CFF;
  }
}
.success-text-btn{
  span{
    color: #67c23a;
  }
}

.info-text{
  color: #909399;
}
.info-text2{
  color: #e9e9eb;
}
.info-text3{
  color: #f4f4f5;
}
.success-text{
  color: #67c23a;
}
.danger-text{
  color: #F56C6CFF;
}
.warning-text{
  color: #E6A23C;
}
.primary-text{
  color: #409EFF;
}
.info-form-item{
  margin-bottom: 0 !important;
}
.raw-message-alert{
  min-width: 520px;
  p{
    word-break: break-all;
    //white-space: pre-wrap;

    max-height: 600px;
    overflow-y: auto;

    // 盒模型优化
    box-sizing: border-box;     // 包含padding在高度计算中

    // 滚动条样式美化
    //&::-webkit-scrollbar {
    //  width: 5px;
    //}
    //&::-webkit-scrollbar-thumb {
    //  background: #888;
    //  border-radius: 3px;
    //}
  }
}
// ele样式覆盖
@import './element-ui.scss';
// 顶部右侧显示
@import './top.scss';
// 导航标签
@import './tags.scss';
// 工具类函数
@import './mixin.scss';
// 侧面导航栏
@import './sidebar.scss';
// 动画
@import './animate/vue-transition.scss';
//主题
@import './theme/index.scss';
//通用配置
@import './normalize.scss';
//图标配置
@import './iconfont.scss';
//登录样式
@import "./login.scss";
//适配
@import './media.scss';
//滚动条样式
@include scrollBar;
